@use "~/styles/variables.scss" as *;

.account-page {
    min-height: 100vh;
    padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
    padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */

    .account-form {
        margin-top: 30rpx;
        border-radius: 25rpx;
        width: 700rpx;
        box-sizing: border-box;
        padding-bottom: 25rpx;
        overflow-x: hidden;

        .form-item-title {
            font-weight: 500;
            padding: 25rpx 25rpx 0;
        }

        .form-item-container::after {
            content: "";
            display: block;
            width: 200%;
            height: 0;
            border-bottom: 1rpx solid;
            transform: scale(0.5);
            position: relative;
            left: -50%;
        }

        .form-item-container {  
            padding: 15rpx 25rpx;
            .form-item-label {
                padding: 16rpx 0;
                line-height: 32rpx;
            }

            .first-item {
                padding-top: 0;
            }

            .form-input {
                padding: 15rpx 25rpx 5rpx;
                min-height: 70rpx;
                width: 100%;
                box-sizing: border-box;

                &.no-data {
                    color: #7c7c7c
                }
                .btn {
                    font-weight: 500;
                    padding: 10rpx 10rpx 0;
                }
            }
        }
    }
    .target-val-input {
        padding: 10rpx 15rpx;
        border-radius: 8rpx;
        margin: 48rpx 24rpx 8rpx;
        background-color: rgba(255, 255, 255, 0.5);
    }

}